<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>京东首页</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/box-Big.css" />
    <link rel="stylesheet" href="iconfont/iconfont.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <script src="js/jquery.js"></script>
  </head>
  <body>
    <div class="box-Big">
      <header>
        <ul class="left">
          <i class="iconfont icon-dingwei" style="color: red"></i>
          <li><a href="#">地区</a></li>
          <div class="dizhi">
            <ul id="xiangxi">
              <li><a href="">北京</a></li>
              <li><a href="">上海</a></li>
              <li><a href="">广州</a></li>
              <li><a href="">深圳</a></li>
              <li><a href="">兰考</a></li>
              <li><a href="">唐山</a></li>
              <li><a href="">北京</a></li>
              <li><a href="">上海</a></li>
              <li><a href="">广州</a></li>
              <li><a href="">深圳</a></li>
              <li><a href="">兰考</a></li>
              <li><a href="">唐山</a></li>
              <li><a href="">北京</a></li>
              <li><a href="">上海</a></li>
              <li><a href="">广州</a></li>
              <li><a href="">深圳</a></li>
              <li><a href="">兰考</a></li>
              <li><a href="">唐山</a></li>
            </ul>
          </div>
        </ul>
        <ul class="right">
          <li style="display: flex">
            <a
              href="file:///C:/Users/My%20%20love/Desktop/JD/JDXM/login.html"
              style="margin-right: 5px"
              >登录</a
            >
            <a href="#" style="color: red">注册</a>
          </li>
          <li class="spacer"></li>
          <li><a href="">我的订单</a></li>
          <li class="spacer"></li>

          <li class="top-jd">
            <a href="">我的京东</a
            ><i class="iconfont icon-xiajiantou" style="font-size: 13px"></i>
            <div class="mejd">
              <ul id="top-mejd">
                <li><a href="">待处理订单</a></li>
                <li><a href="">我的回答</a></li>
                <li><a href="">降价商品</a></li>
                <li><a href="">返修退换货</a></li>
                <li><a href="">我的关注</a></li>
                <li><a href="">你的回答</a></li>
              </ul>
            </div>
          </li>
          <li class="spacer"></li>
          <li><a href="">京东会员</a></li>
          <li class="spacer"></li>
          <li class="top-qycg">
            <a href="" style="color: red">企业采购</a
            ><i class="iconfont icon-xiajiantou" style="font-size: 13px"></i>
            <div class="qycg">
              <ul>
                <li><a href="">企业采购</a></li>
                <li><a href="">公共采购</a></li>
                <li><a href="">你去采购</a></li>
                <li><a href="">公用品</a></li>
                <li><a href="">商用场景管</a></li>
                <li><a href="">礼品卡</a></li>
                <li><a href="">礼品卡</a></li>
                <li><a href="">微信企业购</a></li>
                <li><a href="">共品优选</a></li>
                <li><a href="">京东锦里</a></li>
                <li><a href="">大中型企业客户采购</a></li>
              </ul>
            </div>
          </li>
          <li class="spacer"></li>
          <li class="top-sjfw">
            <a href="">商家服务</a
            ><i class="iconfont icon-xiajiantou" style="font-size: 13px"></i>
            <div class="sjfw">
              <ul>
                <li><a href="">合作招商</a></li>
                <li><a href="">学习中心</a></li>
                <li><a href="">商家后台</a></li>
                <li><a href="">京麦工作台</a></li>
                <li><a href="">商家帮助</a></li>
                <li><a href="">规则平台</a></li>
              </ul>
            </div>
          </li>
          <li class="spacer"></li>
          <li class="top-wzdh">
            <a href="">网站导航</a
            ><i class="iconfont icon-xiajiantou" style="font-size: 13px"></i>
            <!-- -------------------------- -->
            <div class="wzdh">
              <div class="waitao">
                <div class="wzdhone">
                  <p>特色主题</p>
                  <ul>
                    <li><a href="">新品首发</a></li>
                    <li><a href="">京东经融</a></li>
                    <li><a href="">全球售</a></li>
                    <li><a href="">国际站</a></li>
                    <li><a href="">新品首发</a></li>
                    <li><a href="">京东经融</a></li>
                    <li><a href="">全球售</a></li>
                    <li><a href="">国际站</a></li>
                    <li><a href="">新品首发</a></li>
                    <li><a href="">京东经融</a></li>
                    <li><a href="">全球售</a></li>
                    <li><a href="">国际站</a></li>
                    <li><a href="">新品首发</a></li>
                    <li><a href="">京东经融</a></li>
                    <li><a href="">全球售</a></li>
                    <li><a href="">国际站</a></li>
                    <li><a href="">国际站</a></li>
                  </ul>
                </div>

                <div class="wzdhtwo">
                  <p>行业频道</p>
                  <ul>
                    <li><a href="">手机</a></li>
                    <li><a href="">智能数码</a></li>
                    <li><a href="">电脑办公</a></li>

                    <li><a href="">手机</a></li>
                    <li><a href="">智能数码</a></li>
                    <li><a href="">电脑办公</a></li>

                    <li><a href="">手机</a></li>
                    <li><a href="">智能数码</a></li>
                    <li><a href="">电脑办公</a></li>

                    <li><a href="">手机</a></li>
                    <li><a href="">智能数码</a></li>
                    <li><a href="">电脑办公</a></li>

                    <li><a href="">智能数码</a></li>
                    <li><a href="">电脑办公</a></li>
                  </ul>
                </div>

                <div class="wzdhthree">
                  <p>生活服务</p>
                  <ul>
                    <li><a href="">京东众筹</a></li>
                    <li><a href="">白条</a></li>
                    <li><a href="">京东金融</a></li>

                    <li><a href="">京东小金库</a></li>
                    <li><a href="">理财</a></li>
                    <li><a href="">话费</a></li>

                    <li><a href="">水电煤</a></li>
                    <li><a href="">彩票</a></li>
                    <li><a href="">旅行</a></li>

                    <li><a href="">机票酒店</a></li>
                    <li><a href="">电影票</a></li>
                    <li><a href="">京东到家</a></li>

                    <li><a href="">游戏</a></li>
                    <li><a href="">拍拍旅行</a></li>
                  </ul>
                </div>
                <div class="wzdhfour">
                  <p>更多候选</p>
                  <ul>
                    <li><a href="">合作招商</a></li>
                    <li><a href="">京东通信</a></li>
                    <li><a href="">京东E卡</a></li>

                    <li><a href="">合作招商</a></li>
                    <li><a href="">京东通信</a></li>
                    <li><a href="">京东E卡</a></li>

                    <li><a href="">合作招商</a></li>
                    <li><a href="">京东通信</a></li>
                    <li><a href="">京东E卡</a></li>

                    <li><a href="">合作招商</a></li>
                    <li><a href="">京东通信</a></li>
                    <li><a href="">京东E卡</a></li>

                    <li><a href="">合作招商</a></li>
                  </ul>
                </div>
              </div>
            </div>
            <!-- ----------------------------- -->
          </li>
          <li class="spacer"></li>
          <li class="top-sjjd">
            <a href="">手机京东</a>
            <div class="sjjd">
              <div class="sjjdone">
                <div class="sjjd-img1">
                  <img src="image/1.png" alt="" />
                </div>
                <div class="sjjd-list">
                  <h5>手机京东</h5>
                  <p>新人专享大礼包</p>
                  <p>抢5元红包</p>
                </div>
              </div>
              <div class="sjjdtwo"></div>
              <div class="sjjdthree"></div>
              <div class="sjjdfour"></div>
            </div>
          </li>
          <li class="spacer"></li>
          <li><a href="">网站无障碍</a></li>
        </ul>
      </header>

      <nav>
        <!-- logo -->
        <div class="nav-logo">
          <img class="logof" src="image/2.png" alt="" />
          <img class="logot" style="display: none" src="image/3.png" alt="" />
        </div>

        <!-- 搜索框 -->
        <div class="search">
          <img src="image/4.png" alt="" />
          <!-- <input type="text" placeholder="搜索" /> -->
          <div id="sousuo">
            <input type="text" placeholder="搜索" />
            <i class="iconfont icon-xiangji"></i>
            <button class="iconfont icon-fangdajing"></button>
          </div>

          <!-- 购物车部分 -->
          <div class="cart">
            <i class="iconfont icon-gouwuche"></i>
            <a href="list.html">我的购物车</a>
            <i class="yuand"><a href="">1</a></i>
          </div>
          <!-- --------------------- -->
        </div>

        <div class="hotshot">
          <a href="" style="color: red">中秋礼品卡</a>
          <a href="">开学狂欢</a>
          <a href="">特价好房</a>
          <a href="">京东好物</a>
          <a href="">畅玩数码</a>
        </div>

        <div class="navitems">
          <ul class="items-color">
            <li><a href="">秒杀</a></li>
            <li><a href="">优惠券</a></li>
            <li><a href="">PLUSH会员</a></li>
            <li><a href="">品牌闪购</a></li>

            <li><a href="">秒杀</a></li>
            <li><a href="">优惠券</a></li>
            <li><a href="">PLUSH会员</a></li>
            <li><a href="">品牌闪购</a></li>

            <li><a href="">秒杀</a></li>
            <li><a href="">优惠券</a></li>
          </ul>
        </div>
      </nav>

      <!-- 中间 -->
      <article>
        <div class="art-left">
          <div class="left-center">
            <ul class="center-ul">
              <li><a href="">家用电器</a></li>
              <li>
                <a href="">手机</a><a href="">运营商</a><a href="">数码</a>
              </li>
              <li>
                <a href="">手机</a><a href="">运营商</a><a href="">数码</a>
              </li>
              <li>
                <a href="">手机</a><a href="">运营商</a><a href="">数码</a>
              </li>
              <li>
                <a href="">手机</a><a href="">运营商</a><a href="">数码</a>
              </li>
              <li>
                <a href="">手机</a><a href="">运营商</a><a href="">数码</a>
              </li>
              <li>
                <a href="">手机</a><a href="">运营商</a><a href="">数码</a>
              </li>
              <li>
                <a href="">手机</a><a href="">运营商</a><a href="">数码</a>
              </li>
              <li>
                <a href="">手机</a><a href="">运营商</a><a href="">数码</a>
              </li>
              <li>
                <a href="">手机</a><a href="">运营商</a><a href="">数码</a>
              </li>
              <li>
                <a href="">手机</a><a href="">运营商</a><a href="">数码</a>
              </li>
              <li>
                <a href="">手机</a><a href="">运营商</a><a href="">数码</a>
              </li>
              <li>
                <a href="">手机</a><a href="">运营商</a><a href="">数码</a>
              </li>
              <li>
                <a href="">手机</a><a href="">运营商</a><a href="">数码</a>
              </li>
              <li>
                <a href="">手机</a><a href="">运营商</a><a href="">数码</a>
              </li>
              <li>
                <a href="">手机</a><a href="">运营商</a><a href="">数码</a>
              </li>
              <li>
                <a href="">手机</a><a href="">运营商</a><a href="">数码</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="art-middle">
          <!-- ------------------------------------------------------- -->
          <div class="art-box">
            <ul class=".ullist">
              <li class="listr"><img src="image/5.png" alt="" /></li>
              <li><img src="image/6.png" alt="" /></li>
              <li><img src="image/7.png" alt="" /></li>
              <li><img src="image/8.png" alt="" /></li>
              <li><img src="image/9.png" alt="" /></li>
              <li><img src="image/10.png" alt="" /></li>
            </ul>
            <div class="btns">
              <span>&lt;</span>
              <span>&gt;</span>
            </div>
            <ol class="ollist">
              <li class="hover"></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ol>
          </div>
          <!--=============↓-->
          <div class="art-box2">
            <div class="box2-top">
              <div class="swiper" id="swiper1">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <img
                      src="image/01.png"
                      style="width: 190px; height: 150px"
                      alt=""
                    />
                  </div>
                  <div class="swiper-slide">
                    <img
                      src="image/02.png"
                      style="width: 190px; height: 150px"
                      alt=""
                    />
                  </div>
                  <div class="swiper-slide">
                    <img
                      src="image/03.png"
                      style="width: 190px; height: 150px"
                      alt=""
                    />
                  </div>
                </div>
              </div>
            </div>

            <div class="box2-middle">
              <!-- <ul class=".ullist">
                  <li class="listr"><img src="image/5.png" alt="" /></li>
                  <li><img src="image/6.png" alt="" /></li>
                  <li><img src="image/7.png" alt="" /></li>
                </ul>
                <div class="btns">
                  <span>&lt;</span>
                  <span>&gt;</span>
                </div> -->
              <div class="swiper" id="swiper2">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <img
                      src="image/04.png"
                      style="width: 190px; height: 150px"
                      alt=""
                    />
                  </div>
                  <div class="swiper-slide">
                    <img
                      src="image/05.png"
                      style="width: 190px; height: 150px"
                      alt=""
                    />
                  </div>
                  <div class="swiper-slide">
                    <img
                      src="image/06.png"
                      style="width: 190px; height: 150px"
                      alt=""
                    />
                  </div>
                </div>
              </div>
            </div>

            <div class="box2-bottom">
              <!-- <ul class=".ullist">
                    <li class="listr"><img src="image/5.png" alt="" /></li>
                    <li><img src="image/6.png" alt="" /></li>
                    <li><img src="image/7.png" alt="" /></li>
                  </ul>
                  <div class="btns">
                    <span>&lt;</span>
                    <span>&gt;</span>
                  </div> -->

              <div class="swiper" id="swiper3">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <img
                      src="image/07.png"
                      style="width: 190px; height: 150px"
                      alt=""
                    />
                  </div>
                  <div class="swiper-slide">
                    <img
                      src="image/08.png"
                      style="width: 190px; height: 150px"
                      alt=""
                    />
                  </div>
                  <div class="swiper-slide">
                    <img
                      src="image/09.png"
                      style="width: 190px; height: 150px"
                      alt=""
                    />
                  </div>
                </div>
              </div>
            </div>
            <!-- <ol class="ollist">
                <li class="hover"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
              </ol> -->
          </div>
        </div>

        <!-- -------------------------------------------------------------- -->
        <div class="art-right">
          <div class="aright-top">
            <div class="dic">
              <a href="">新人福利</a>
              <a href="">PLUSH会员</a>
            </div>
            <a href="" class="aint"> <img src="image/13dog.png" alt="" /></a>
            <div class="adeng">
              <a href="" style="width: 93px; height: 16px">hi~欢迎逛京东!</a>
              <p style="width: 106px; height: 20px">
                <a href="">登录</a>
                &nbsp;|&nbsp;
                <a href="">注册</a>
              </p>
            </div>
          </div>

          <div class="aright-middle">
            <div class="news_hd">
              <h5>京东快报</h5>
              <a href="">更多&nbsp;></a>
            </div>

            <ul class="news_list">
              <li>
                <a href=""
                  ><span>热议</span>烟台红富士苹果，皮薄肉厚，香甜可口</a
                >
              </li>
              <li>
                <a href=""
                  ><span>热评</span
                  >有了这款脉冲脱毛仪，压箱底的漂亮裙子都可以拿出来了</a
                >
              </li>
              <li>
                <a href=""
                  ><span>HOT</span>不会和面被担心，长帝多功能厨师机来帮你！</a
                >
              </li>
              <li>
                <a href=""
                  ><span>热门</span>无杆滤水设计，化繁为简，享泡茶乐趣</a
                >
              </li>
            </ul>
          </div>

          <div class="aright-bottom">
            <ul class="bottom_sp">
              <li>
                <a href=""
                  ><i class="iconfont icon-qiye"></i><span>企业购</span></a
                >
              </li>
              <li>
                <a href=""
                  ><i class="iconfont icon-huafei"></i><span>话费</span></a
                >
              </li>
              <li>
                <a href=""
                  ><i class="iconfont icon-shinshoplipinqia"></i
                  ><span>礼品卡</span></a
                >
              </li>
              <li>
                <a href=""
                  ><i class="iconfont icon-youxi"></i><span>游戏</span></a
                >
              </li>
              <li>
                <a href=""
                  ><i class="iconfont icon-jipiao"></i><span>机票</span></a
                >
              </li>
              <li>
                <a href=""
                  ><i class="iconfont icon-baitiao"></i><span>白条</span></a
                >
              </li>
              <li>
                <a href=""
                  ><i class="iconfont icon-a-weibiaoti-1_huaban1fuben20"></i
                  ><span>众筹</span></a
                >
              </li>
              <li>
                <a href=""
                  ><i
                    class="iconfont icon-zhengzhouyinhangAPPtubiaodiergaolunkuohuachunse-47"
                  ></i
                  ><span>加油卡</span></a
                >
              </li>
              <li>
                <a href=""
                  ><i class="iconfont icon-jiudian"></i><span>酒店</span></a
                >
              </li>
              <li>
                <a href=""
                  ><i class="iconfont icon-huochepiao"></i
                  ><span>火车票</span></a
                >
              </li>
              <li>
                <a href=""
                  ><i class="iconfont icon-dianyingpiaoiocn"></i
                  ><span>电影票</span></a
                >
              </li>
              <li>
                <a href=""
                  ><i class="iconfont icon-wujin"></i><span>五金城</span></a
                >
              </li>
            </ul>
          </div>
        </div>
      </article>

      <!-- 秒杀加轮播行 开始 -->
      <div class="stones">
        <div class="stones-box">
          <div class="stones_left">
            <div class="timeDown-box">
              <!-- 下面是秒杀 -->
              <a href="">
                <div class="text1">京东秒杀</div>
                <div class="text2">18:00点场 距结束</div>
                <div class="timeDown" style="position: relative">
                  <span id="box1"></span>
                  <span id="box2"></span>
                  <span id="box3"></span>
                  <i style="left: 65px; top: 36px"></i>
                  <i style="left: 65px; top: 23px"></i>
                  <i style="left: 127px; top: 36px"></i>
                  <i style="left: 127px; top: 23px"></i>
                </div>
              </a>
              <!-- 上面是秒杀 -->
            </div>
            <div id="timer"></div>
          </div>
          <!-- 又一个切换图开始 -->
          <div class="stones_middle">
            <div class="swiper" id="swiper4">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <a href="" class="qht_1"
                    ><div class="qht-bo">
                      <img src="image/001.png" alt="" />
                    </div>
                    <h6>
                      特步男子休闲鞋运动鞋都市休闲时尚复古简约舒适男鞋881419329663
                      黑 42码
                    </h6>
                    <div class="qht-bt">￥139.00</div></a
                  >
                </div>
                <div class="swiper-slide">
                  <a href="" class="qht_1"
                    ><div class="qht-bo">
                      <img src="image/002.png" alt="" />
                    </div>
                    <h6>
                      特步男子休闲鞋运动鞋都市休闲时尚复古简约舒适男鞋881419329663
                      黑 42码
                    </h6>
                    <div class="qht-bt">￥139.00</div></a
                  >
                </div>
                <div class="swiper-slide">
                  <a href="" class="qht_1"
                    ><div class="qht-bo">
                      <img src="image/003.png" alt="" />
                    </div>
                    <h6>
                      特步男子休闲鞋运动鞋都市休闲时尚复古简约舒适男鞋881419329663
                      黑 42码
                    </h6>
                    <div class="qht-bt">￥139.00</div></a
                  >
                </div>
                <div class="swiper-slide">
                  <a href="" class="qht_1"
                    ><div class="qht-bo">
                      <img src="image/004.png" alt="" />
                    </div>
                    <h6>
                      特步男子休闲鞋运动鞋都市休闲时尚复古简约舒适男鞋881419329663
                      黑 42码
                    </h6>
                    <div class="qht-bt">￥139.00</div></a
                  >
                </div>
                <div class="swiper-slide">
                  <a href="" class="qht_1"
                    ><div class="qht-bo">
                      <img src="image/005.png" alt="" />
                    </div>
                    <h6>
                      特步男子休闲鞋运动鞋都市休闲时尚复古简约舒适男鞋881419329663
                      黑 42码
                    </h6>
                    <div class="qht-bt">￥139.00</div></a
                  >
                </div>
                <div class="swiper-slide">
                  <a href="" class="qht_1"
                    ><div class="qht-bo">
                      <img src="image/006.png" alt="" />
                    </div>
                    <h6>
                      特步男子休闲鞋运动鞋都市休闲时尚复古简约舒适男鞋881419329663
                      黑 42码
                    </h6>
                    <div class="qht-bt">￥139.00</div></a
                  >
                </div>
                <div class="swiper-slide">
                  <a href="" class="qht_1"
                    ><div class="qht-bo">
                      <img src="image/007.png" alt="" />
                    </div>
                    <h6>
                      特步男子休闲鞋运动鞋都市休闲时尚复古简约舒适男鞋881419329663
                      黑 42码
                    </h6>
                    <div class="qht-bt">￥139.00</div></a
                  >
                </div>
                <div class="swiper-slide">
                  <a href="" class="qht_1"
                    ><div class="qht-bo">
                      <img src="image/008.png" alt="" />
                    </div>
                    <h6>
                      特步男子休闲鞋运动鞋都市休闲时尚复古简约舒适男鞋881419329663
                      黑 42码
                    </h6>
                    <div class="qht-bt">￥139.00</div></a
                  >
                </div>
              </div>
              <!-- 如果需要分页器 -->
              <!-- <div class="swiper-pagination"></div> -->

              <!-- 如果需要导航按钮 -->
              <!-- <div class="swiper-button-prev"></div>
              <div class="swiper-button-next"></div> -->
            </div>
          </div>
          <!-- 又一个切换图结束 -->

          <!-- 右边开始 -->
          <div class="stones_right">
            <a href="">
              <div class="stonesr-top"><img src="image/009.png" alt="" /></div>
              <div class="stones-botton">
                <p>冰洗空调 秒杀专场</p>
                <p class="name-jia">家电套装立享95折</p>
                <div class="name_zeng">品类秒杀</div>
              </div>
            </a>
          </div>
          <!-- 右边结束 -->
        </div>
      </div>
      <!-- 秒杀加轮播行 结束 -->
      <!-- 商品列表开始 -->
      <aside>
        <div class="aside-top"><h3>为你推荐</h3></div>
        <div class="aside-center">
          <ul class="feed-tab">
            <li class="feed-bt">
              <div class="tab_li"><span>精选</span></div>
              <div class="tab_lit">猜你喜欢</div>
            </li>

            <li class="feed-bt">
              <div class="tab_li1"><span>智能先锋</span></div>
              <div class="tab_lit2">大电器城</div>
            </li>

            <li class="feed-bt">
              <div class="tab_li1"><span>聚佳优品</span></div>
              <div class="tab_lit2">品质生活</div>
            </li>

            <li class="feed-bt">
              <div class="tab_li1"><span>超市百货</span></div>
              <div class="tab_lit2">百货生鲜</div>
            </li>

            <li class="feed-bt">
              <div class="tab_li1"><span>时尚达人</span></div>
              <div class="tab_lit2">美妆穿搭</div>
            </li>

            <li class="feed-bt">
              <div class="tab_li1"><span>进口好物</span></div>
              <div class="tab_lit2">京东国际</div>
            </li>
          </ul>
        </div>
        <!-- 渲染快开始 -->
        <div class="aside-bottom">
          <ul class="aside_titles">
            <!-- <li class="title_s">
              <a href="">
                <div class="title-img"><img src="image/xr1.png" alt="" /></div>
                <div class="title-p">
                  <p>
                    松下（Panasonic）
                    破壁机多功能加热轻音家用料理机榨汁机辅食机智能预约豆浆机MX-H2801
                    蓝色 十档转速 一机多用
                  </p>
                  <div class="move-pz"><i>￥</i><span>1599</span></div>
                </div>
              </a>
            </li>

            <li class="title_s">
              <a href="">
                <div class="title-img"><img src="image/xr1.png" alt="" /></div>
                <div class="title-p">
                  <p>
                    松下（Panasonic）
                    破壁机多功能加热轻音家用料理机榨汁机辅食机智能预约豆浆机MX-H2801
                    蓝色 十档转速 一机多用
                  </p>
                  <div class="move-pz"><i>￥</i><span>1599</span></div>
                </div>
              </a>
            </li>

            <li class="title_s">
              <a href="">
                <div class="title-img"><img src="image/xr1.png" alt="" /></div>
                <div class="title-p">
                  <p>
                    松下（Panasonic）
                    破壁机多功能加热轻音家用料理机榨汁机辅食机智能预约豆浆机MX-H2801
                    蓝色 十档转速 一机多用
                  </p>
                  <div class="move-pz"><i>￥</i><span>1599</span></div>
                </div>
              </a>
            </li>

            <li class="title_s">
              <a href="">
                <div class="title-img"><img src="image/xr1.png" alt="" /></div>
                <div class="title-p">
                  <p>
                    松下（Panasonic）
                    破壁机多功能加热轻音家用料理机榨汁机辅食机智能预约豆浆机MX-H2801
                    蓝色 十档转速 一机多用
                  </p>
                  <div class="move-pz"><i>￥</i><span>1599</span></div>
                </div>
              </a>
            </li>

            <li class="title_s">
              <a href="">
                <div class="title-img"><img src="image/xr1.png" alt="" /></div>
                <div class="title-p">
                  <p>
                    松下（Panasonic）
                    破壁机多功能加热轻音家用料理机榨汁机辅食机智能预约豆浆机MX-H2801
                    蓝色 十档转速 一机多用
                  </p>
                  <div class="move-pz"><i>￥</i><span>1599</span></div>
                </div>
              </a>
            </li> -->
          </ul>
        </div>
        <!-- 渲染快结束 -->
      </aside>
      <!-- 商品列表结束 -->
    </div>
    <script src="js/swiper.min.js"></script>
    <script src="js/startMove.js"></script>
    <script src="js/home.js"></script>

    <!-- -------------------------------------------------------- -->
  </body>
</html>
